<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <title>联系我们</title>
</head>
<include file="style"/>
<style type="text/css">

.icon {
  width: 7rem;
}

.font-style {
  font-size: 4rem;
}

.info-panel {
  width: 80%;
  margin: 6rem auto;
}

</style>
<body style="background-color: #EFF5FF">

<include file="header"/>


<div id="content">

<div style="width: 100%; height: 38rem; background-image: url('{$banner}'); background-repeat: no-repeat; background-size: 100% 100%;">
</div>


<!-- 我们的产品 -->
<div class="product-div">
    
    <div class="sub-title-div" style="margin-top: 40px;">
      <div class="sub-title-text">联系我们</div>
      <div>
        <span class="text-line"></span>
        <span class="sub-title-text-eng">Contact</span>
        <span class="text-line"></span>
      </div>
    </div>

    <div class="info-panel">
      <div class="am-g info-div">
          <div class="am-u-md-2 clear-margin-padding" style="text-align: center;">
            <img class="icon" src="__PUBLIC__/img/tel_min.png">
          </div>
          <div class="am-u-md-10 clear-margin-padding font-style">{$webconfig['tel_zx1']}</div>
        </div>
        <div class="am-g info-div wow bounceIn">
          <div class="am-u-md-2 clear-margin-padding" style="text-align: center;">
            <img class="icon" src="__PUBLIC__/img/mail.png">
          </div>
          <div class="am-u-md-10 clear-margin-padding font-style">{$webconfig['webemail']}</div>
        </div>
        <div class="am-g info-div wow bounceIn">
          <div class="am-u-md-2 clear-margin-padding" style="text-align: center;">
            <img class="icon" src="__PUBLIC__/img/location.png">
          </div>
          <div class="am-u-md-10 clear-margin-padding font-style">{$webconfig['address_1']}</div>
        </div>

    </div>

    <div id="allmap" style="width: 96%; height: 50rem; margin-bottom: 8rem; margin-left: auto; margin-right: auto;"></div>

  
</div>

<include file="footer"/>
</body>
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=hwK0TS37bpjU0ilWnBAcCansLYWo4Q5s"></script>
<script type="text/javascript">

// 百度地图API功能
  var sContent =
  "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>内蒙古汉纳有限公司</h4>" + 
  "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'></p>" + 
  "</div>";
  var map = new BMap.Map("allmap");
  var point = new BMap.Point(111.744548,40.70289);
  var marker = new BMap.Marker(point);
  var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
  map.centerAndZoom(point, 17);
  map.addOverlay(marker);
  marker.addEventListener("click", function(){          
     this.openInfoWindow(infoWindow);
     //图片加载完毕重绘infowindow
     document.getElementById('imgDemo').onload = function (){
       infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
     }
  });

  map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
  map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
  map.enableKeyboard();//启用键盘上下左右键移动地图
  //向地图中添加缩放控件
  var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  map.addControl(ctrl_nav);
  //向地图中添加缩略图控件
  var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  map.addControl(ctrl_ove);
  //向地图中添加比例尺控件
  var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  map.addControl(ctrl_sca);

</script>
</html>